<template>
    <el-tooltip class="box-item" effect="dark" content="显示标记" placement="left"><el-button
        @click="changeTable" class="mapButton" :icon="Search" circle />
    </el-tooltip>
    <el-tooltip class="box-item" effect="dark" content="显示图片" placement="left"><el-button
        @click="changPic" class="mapButton" type="primary" :icon="Edit" circle />
    </el-tooltip>
    <el-tooltip class="box-item" effect="dark" content="Top Left prompts info" placement="top-start"><el-button
         class="mapButton" type="success" :icon="Check" circle />
    </el-tooltip>
    <el-tooltip class="box-item" effect="dark" content="Top Left prompts info" placement="top-start"><el-button
         class="mapButton" type="warning" :icon="Star" circle />
    </el-tooltip>
    <el-tooltip class="box-item" effect="dark" content="Top Left prompts info" placement="top-start">
        <el-button @click="" class="mapButton" type="danger" :icon="Delete" circle />
    </el-tooltip>
</template>
<script setup lang='ts'>
import {
    Check,
    Delete,
    Edit,
    Message,
    Search,
    Star,
} from '@element-plus/icons-vue'
import { onMounted, } from 'vue'
import  settingStore from '@/store/modules/setting';
let useStore = settingStore() ;
const changeTable =()=>{//点击显示地图上的标签
    useStore.changeTable()
}
const changPic = ()=>{///点击显示地图上的图片
    useStore.changePic()
}
onMounted(() => {

})
</script>

<style scoped lang='scss'>
.mapButton {
    margin: 10px 0 !important;
    box-shadow: 0px 1px 5px rgb(82, 82, 82);
}
</style >
